<script setup>


const props = defineProps({
    isCollapse:{
        type:Boolean,
    }
})


</script>

<template>
    <div class='logo_css'>
        <img src="@/images/logo.png">
        <h2 v-if="!props.isCollapse" class="title_css">乐宠坊管理后台</h2>
    </div>
</template>

<style scoped lang='scss'>
.logo_css{
    position: relative;
    display: flex;
    align-items: center; 
    height: 45px;
    width: 100%;

    img{
        position: absolute;
        height: 35px;
        width: 35px;
        left: 15px;
    }
    .title_css{
        position: absolute;
        left: 53px;
        height: 30px;
        font-size: 18px;
        overflow: hidden;
        line-height: 30px;
    }
}

</style>